.rating-container, .react-star-rating__root {
    vertical-align: middle;
    display: inline-block
}

.rating-container .rating-stars:before, .rating-container:before {
    content: attr(data-content)
}

.react-star-rating__star {
    width: 25px
}

.react-star-rating__star #star-flat {
    fill: #C6C6C6
}

.react-star-rating__star #star-flat:hover {
    fill: #FFA91B
}

.react-star-rating__root {
    font-size: 2em
}

.react-star-rating__root.rating-editing:hover {
    cursor: pointer
}

.rating-container {
    position: relative;
    color: #e3e3e3;
    overflow: hidden
}

.rating-container .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #F5A71B;
    -webkit-transition: all .01s;
    -moz-transition: all .01s;
    transition: all .01s;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#FDBD47), to(#F5A71B))
}

.react-rating-caption {
    font-size: 1.25em;
    vertical-align: middle;
    margin-right: .5em
}

.rating-disabled .rating-container:hover {
    cursor: not-allowed
}

.react-star-rating__size--sm {
    font-size: 1em
}

.react-star-rating__size--md {
    font-size: 2em
}

.react-star-rating__size--lg {
    font-size: 2.5em
}